簡介：主要學習媒體查詢、flex彈性布局及伸縮比例的計算，通過rem作為度量單位進行彈性布局的方法
第1章 課程介紹
您已經使用html+css一段時間了，是否好像一直都是用px或%進行定位，是否頁面布局時也是一直使用float+定位，自適應，響應式等似乎明白又說不清。本門課程讓你在之前的基礎上，思路更清晰，技術上有多種選擇。
第2章 mediaquery媒體查詢
在移動端開發(fā)中，手機，ipad等設備的尺寸各不相同，總不能適用一個設備，其他設備顯示效果就“將就”吧，web端也同樣存在這種情況。那么mediaquery，中文名稱“媒體查詢”，將解決這些困擾。
第3章 flex基礎與應用
float+定位進行布局，是每一個前端工程師的必修課，但布局上如果只有這一個招數(shù)，那就有點掣肘了。css中還有一個flex技術，稱為彈性盒子，可以非常高效的完成盒子內的布局，將會在布局上如虎添翼。
第4章 常用布局
px,%,還有em，都已成過去式，它們都重要，但不能作為未來的主流。rem，以基準字體為標準，一變百變，適應各種復雜的頁面彈性伸縮，對文字也有很好的適應性。在進行響應式布局上，是不可或缺的技術。